.shop-container {
    width: 100%;
    padding: 30px;

    .shop-part1 {
        display: flex;
        flex-direction: row;
        margin-top: 20px;

        p {
            color: $sub-color;
            letter-spacing: 2px;
            line-height: 30px;
        }

        .shop-part1-left button {
            margin-top: 20px;
        }

        .shop-part1-right {
            margin-left: 40px;

            .ivu-card {
                width: 512px;
                height: 300px;
                text-align: center;

                .ivu-card-body>div {
                    width: 100%;
                    height: 268px;
                    overflow: hidden;
                }

                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }

    .shop-part2 {

        p {
            color: $sub-color;
            line-height: 60px;
        }

        .shop-part2-box {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top: 20px;

            .ivu-input-wrapper {
                width: 20%;
            }

            >p:nth-of-type(2) {
                margin-left: 10%;
            }

            &:hover .ivu-input-suffix {
                cursor: pointer;
            }

        }
    }
}